<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>手机精灵网</title>
    <link rel="stylesheet" href="swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/jq1.9.js"></script>
    <script src="js/lazyload.js"></script>
    <script src="swiper/swiper-bundle.min.js"></script>
</head>
<body>
    <div class="header-wrap">
        <div class="header-top">
            <div class="center">
                <a>手机精灵网 · 你的手机充电站！</a>
                <div class="flex1">
                    <a href="##">房贷计算器</a>  
                    <a href="##">资讯</a>  
                    <a href="##">攻略</a>  
                    <a href="##">手游</a>  
                    <a href="##">应用</a>  
                    <a href="##">专区</a>  
                    <a href="##">手机库</a>  
                    <a href="##">APP</a>  
                    <a href="##">下载中心</a>  
                    <a href="##">知识手册</a>  
                    <a href="##">装机手册</a>  
                    <div class="slidebt">
                        <div class="bt_">
                            <div class="icon ico1"></div>导航
                            <div class="icon ico2"></div>
                        </div>
                        <div class="slidenav">
                            <ul>
                                <li>
                                    <a href="##" class="bt"><div class="icon ico1"></div><span>手机游戏</span></a>
                                    <div class="list">
                                        <a href="##">动作冒险</a>
                                        <a href="##">动作冒险</a>
                                        <a href="##">动作冒险</a>
                                        <a href="##">动作冒险</a>
                                        <a href="##">动作冒险</a>
                                        <a href="##">动作冒险</a>
                                        <a href="##">动作冒险</a>
                                        <a href="##">动作冒险</a>
                                        <a href="##">动作冒险</a>
                                    </div>
                                </li>
                                <li>
                                    <a href="##" class="bt"><div class="icon ico2"></div><span>手机软件</span></a>
                                    <div class="list">
                                        <a href="##">动作冒险</a>
                                        <a href="##">动作冒险</a>
                                        <a href="##">动作冒险</a>
                                        <a href="##">动作冒险</a>
                                        <a href="##">动作冒险</a>
                                        <a href="##">动作冒险</a>
                                        <a href="##">动作冒险</a>
                                        <a href="##">动作冒险</a>
                                        <a href="##">动作冒险</a>
                                    </div>
                                </li>
                                <li>
                                    <a href="##" class="bt"><div class="icon ico3"></div><span>热门专区</span></a>
                                    <div class="list theme">
                                        <a href="##">百度网盘手机版专区</a>
                                        <a href="##">穿越火线</a>
                                        <a href="##">猫之城专区</a>
                                        <a href="##">武侠休闲手游专区<i class="hot">热</i> </a>
                                        <a href="##">武侠休闲手游专区</a>
                                    </div>
                                </li>
                                <li>
                                    <a href="##" class="bt"><div class="icon ico4"></div><span>热门专区</span></a>
                                    <div class="list theme">
                                        <a href="##">百度网盘手机版专区</a>
                                        <a href="##">穿越火线</a>
                                        <a href="##">猫之城专区</a>
                                        <a href="##">武侠休闲手游专区<i class="hot">热</i> </a>
                                        <a href="##">武侠休闲手游专区</a>
                                    </div>
                                </li>
                                <li>
                                    <a href="##" class="bt"><div class="icon ico5"></div><span>排行榜</span></a>
                                    <div class="list theme">
                                        <a href="##">百度网盘手机版专区</a>
                                        <a href="##">穿越火线</a>
                                        <a href="##">猫之城专区</a>
                                        <a href="##">武侠休闲手游专区</a>
                                        <a href="##">武侠休闲手游专区</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-center">
            <div class="center">
                <a href="##" class="logo"><img src="images/logo.png" alt=""></a>
                <div class="flex1">
                    <ul class="nav">
                        <li class="on"><a href="##">首页</a></li>
                        <li><a href="##">资讯</a></li>
                        <li><a href="##">知识</a></li>
                        <li><a href="##">下载</a></li>
                        <li><a href="##">手机库</a></li>
                        <li><a href="##">知识手册</a></li>
                    </ul>
                </div>
                 <div class="search">
                    <input type="text" class="input" placeholder="请输入关键词">
                    <button class="button"><i class="icon"></i></button>
                </div>
             </div>
        </div>
    </div>
    <div class="common">
        <style>
            .template{background: #fff;  padding: 20px; }
            .template a{display: block; float: left; width: 20%; height: 40px; line-height: 40px;}
        </style>
        <div class="center">
            <div class="template clear">
                <a href="index.html">01-首页</a>
                <a href="list.html">02-卡片列表</a>
                <a href="list1.html">03-卡片详情-时间轴</a>
                <a href="list2.html">04-卡片详情-图文</a>
                <a href="list3.html">05-手机库-首页</a>
                <a href="list4.html">06-手机库-列表</a>
                <a href="list5.html">07-手机库-文章</a>
                <a href="list6.html">08-手机库-文章详情</a>
                <a href="list7.html">09-手机库-手机详情</a>
                <a href="list8.html">10-手机库-手机详情-栏目</a>
                <a href="list9.html">11-知识首页</a>
                <a href="list10.html">12-知识-标签列表</a>
                <a href="list11.html">13-文章详情</a>
                <a href="list12.html">14-手册频道页面</a>
                <a href="list13.html">15-手册列表页面</a>
                <a href="list14.html">16-手册子列表页面</a>
                <a href="list15.html">17-手册详情页面</a>
                <a href="list16.html">18-下载首页</a>
                <a href="list17.html">19-排行榜首页</a>
                <a href="list18.html">20-排行榜专题页面</a>
                <a href="list19.html">21-专区列表</a>
                <a href="list20.html">22-专区详情</a>
                <a href="list21.html">23-专区详情-资讯列表</a>
                <a href="list22.html">24-专区详情-图鉴列表</a>
                <a href="list23.html">25-专区详情-下载列表</a>
                <a href="list24.html">26-专区详情-资讯列表2</a>
                <a href="list25.html">27-专区详情-资讯详情</a>
                <a href="list26.html">28-资源列表分类</a>
                <a href="list27.html">29-资源详情页面</a>
                <a href="list28.html">30-资源专题列表页面</a>
                <a href="list29.html">31-资源专题页面</a>
                <a href="list30.html">32-快讯列表</a>
                <a href="list31.html">33-快讯详情页面</a>
                <a href="404.html">34-404</a>
                
            </div>
        </div>
    </div>
    <div class="footer-wrap">
        <div class="center">
            <div class="text">
                <p>Copyright © 2021-2026 手机精灵网 <a href="##">www.nndssk.com</a></p>
                <p>邮箱：nndssk2023@163.com <span>QQ：613650621</span></p>
                <p> 渝ICP备 3502003号-18 </p>
                <p> 渝公网安备 35020602001903号</p>
            </div>
        </div>
    </div>
    <script src="js/base.js"></script>
</body>
</html>